﻿<!DOCTYPE html>
<!--[if IE 7 ]><html class="ie ie7" lang="en"><![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"><![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]-->
<head>

<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8" />
<title>热门结伴游</title>

<!-- Mobile Specific
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

<!-- CSS
================================================== -->
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/boxed.css" id="layout" />
<link rel="stylesheet" type="text/css" href="css/colors/green.css" id="colors" />

<!-- Java Script
================================================== -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="js/custom.js"></script>
<script src="js/selectnav.js"></script>
<script src="js/flexslider.js"></script>
<script src="js/twitter.js"></script>
<script src="js/tooltip.js"></script>
<script src="js/effects.js"></script>
<script src="js/fancybox.js"></script>
<script src="js/carousel.js"></script>
<script src="js/isotope.js"></script>

<!-- Styles Switcher
================================================== -->
<link rel="stylesheet" type="text/css" href="css/switcher.css" />
<script src="js/switcher.js"></script>

<script src='/google_analytics_auto.js'></script><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>

<!-- Wrapper Start -->
<div id="wrapper">


<!-- Header
================================================== -->

<!-- 960 Container -->
<div class="container ie-dropdown-fix">

	<!-- Header -->
	<div id="header">

		<!-- Logo -->
		<div class="eight columns">
			<div id="logo">
				<a href="index.html"><img src="images/logo.png" alt="logo" /></a>
				<div id="tagline">
				  <div id="div">旅行，从乐途网开始！</div>
				</div>
				<div class="clear"></div>
			</div>
		</div>

		<!-- Social / Contact -->
		<div class="eight columns">
			
			<div class="clear"></div>
			
			<!-- Contact Details -->
			<div id="contact-details">
				<ul>
					<li><i class="mini-ico-user"></i><a href="userRegister.html">登录\注册</a></li>
				</ul>
			</div>

		</div>

	</div>
	<!-- Header / End -->
	
	<!-- Navigation -->
	<div class="sixteen columns">

		<div id="navigation">
			<ul id="nav">

                <li><a href="#">乐途广场</a>
					<ul>
					<li><a href="index.html">热门景点</a></li>
					<li><a href="hotMemory.html">热门记忆</a></li>
					</ul>
				</li>

				<li><a href="friendMemoryIndex.html">好友动态</a></li>
				
				<li><a href="#">结伴旅行</a>
					<ul>
					<li><a href="myGroups.html">我的结伴游</a></li>
					<li><a href="postGroup.html">发起结伴游</a></li>
					<li><a href="hotGroup.html">热门结伴游</a></li>
					</ul>
				</li>
				
				<li><a href="#">个人空间</a>
					<ul>
					<li><a href="myInfo.html">我的信息</a></li>
					<li><a href="friends.html">好友列表</a></li>
                    <li><a href="message.html">好友消息</a></li>
					</ul>
				</li>

			</ul>

			<!-- Search Form -->
			<div class="search-form">
				<form method="get" action="#" />
					<input type="text" class="search-text-box" />
				</form>
			</div>

		</div> 
		<div class="clear"></div>
		
	</div>
	<!-- Navigation / End -->

</div>
<!-- 960 Container / End -->


<!-- Content
================================================== -->

<!-- 960 Container -->
<div class="container">

	<div class="sixteen columns">
	
		<!-- Page Title -->
		<div id="page-title">
			<h2>结伴旅行 <span>/ 热门结伴游</span></h2>
			<div id="bolded-line"></div>
		</div>
		<!-- Page Title / End -->

	</div>
</div>
<!-- 960 Container / End -->


<!-- Blog Posts
================================================== -->
<!-- 960 Container -->
<div class="container">

<div class="twelve columns">
	
	<!-- Post -->
	<div class="post">
		<a href="#" class="post-icon standard"></a>
		<div class="post-content">
			<div class="post-title"><h2><a href="hotGroupDetail.html">2013暑期-策马奔腾深入呼伦贝尔大草原+梦幻阿尔山天池9日活动计划</a></h2></div>
			<div class="post-meta"><span><i class="mini-ico-calendar"></i>2013-7-4</span> <span><i class="mini-ico-user"></i>发起人 <a href="#">admin</a></span> <span><i class="mini-ico-comment"></i><a href="hotGroupDetail.html">12 回应</a></span></div>
			<div class="post-description">
				<p>呼伦贝尔是造化神奇编制的一方净土，是幻想中的天上人间，是现代人不经意撒手失去而又千方百计觅回的理想家园。该草原被《中国国家地理》“选美中国”活动评选为“中国最美的六大草原”第一名。说她辽阔宽广，因为她望不到边际，能装下全中国的牛羊；说她美丽，因为她有许多传说，而每一个传说都能让人百听不厌。呼伦贝尔是一个充满云水柔情的名字。呼伦贝尔，是中国人为之骄傲的地方。她以辽阔、宽广、美丽、动人而令人向往。来到美丽的呼伦贝尔草原，你会感到果然如歌词中所描绘的那样：我的心爱在天边，天边有一片辽阔的大草原；草原茫茫天地间，洁白的蒙古包散落在河边……让我们共同翱翔于美丽的大草原……</p>
			</div>
			<a class="post-entry" href="hotGroupDetail.html">详情点击</a>
		</div>
	</div>
	
	<!-- Post -->
	<div class="post">
		<a href="#" class="post-icon standard"></a>
		<div class="post-content">
			<div class="post-title"><h2><a href="hotGroupDetail.html">This is a post with video embed (Video Format)</a></h2></div>
			<div class="post-meta"><span><i class="mini-ico-calendar"></i>On 10 August, 2012</span> <span><i class="mini-ico-user"></i>By <a href="#">admin</a></span> <span><i class="mini-ico-comment"></i>With <a href="#">12 Comments</a></span></div>
			<div class="post-description">
				<p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dnte venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus, erat porttitor ligula, pibus posuere velit aliquet. Duis mollis, est non commodo luctus, erat porttitor ligula.</p>
				<p>Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Donec id elit non gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum id ligula porta felis euismod semper. Donec ullamcorper nulla non metus auctor fringilla. Nullam quis risus eget urna.ctetur.</p>
			</div>
			<a class="post-entry" href="hotGroupDetail.html">详情点击</a>
		</div>
	</div>
	
	<!-- Post -->
	<div class="post">
		<a href="#" class="post-icon standard"></a>
		<div class="post-content">
			<div class="post-title"><h2><a href="hotGroupDetail.html">This is a post with gallery (Gallery Format)</a></h2></div>
			<div class="post-meta"><span><i class="mini-ico-calendar"></i>On 10 August, 2012</span> <span><i class="mini-ico-user"></i>By <a href="#">admin</a></span> <span><i class="mini-ico-comment"></i>With <a href="#">12 Comments</a></span></div>
			<div class="post-description">
				<p>Senterdum maecenas dolor estia euismod eu, accumsan posuere nisl. Nam sed iaculis massa. Sed nisl lectus, tempor sed euismod quis, sollicitudin nec est. Suspendisse dignissim bibendum tempor. Nam erat felis, commodo sed semper commodo vel mauris suspendisse dignissim bibendum tempus.</p>
			</div>
			<a class="post-entry" href="hotGroupDetail.html">详情点击</a>
		</div>
	</div>
	
<!-- Post -->
	<div class="post">
		<a href="#" class="post-icon standard"></a>
		<div class="post-content">
			<div class="post-title"><h2><a href="hotGroupDetail.html">This is a post with gallery (Gallery Format)</a></h2></div>
			<div class="post-meta"><span><i class="mini-ico-calendar"></i>On 10 August, 2012</span> <span><i class="mini-ico-user"></i>By <a href="#">admin</a></span> <span><i class="mini-ico-comment"></i>With <a href="#">12 Comments</a></span></div>
			<div class="post-description">
				<p>Senterdum maecenas dolor estia euismod eu, accumsan posuere nisl. Nam sed iaculis massa. Sed nisl lectus, tempor sed euismod quis, sollicitudin nec est. Suspendisse dignissim bibendum tempor. Nam erat felis, commodo sed semper commodo vel mauris suspendisse dignissim bibendum tempus.</p>
			</div>
			<a class="post-entry" href="hotGroupDetail.html">详情点击</a>
		</div>
	</div>
	
	
	<ul class="pagination">
		<a href="#"><li>1</li></a>
		<a href="#"><li class="current">2</li></a>
		<a href="#"><li>3</li></a>
		<a href="#"><li>4</li></a>
		<a href="#"><li>5</li></a>
	</ul>
	
</div>


<!-- Widget
================================================== -->
<div class="four columns">

	<!-- Search -->
	<div class="widget first">
		<div class="headline no-margin"><h4>搜索</h4></div>
		<div class="search">
			<input type="text" onBlur="if(this.value=='')this.value='';" onFocus="if(this.value=='')this.value='';" value="" class="text" />
		</div>
	</div>
	
	<!-- Categories -->
	<div class="widget">
		<div class="headline no-margin"><h4>今日新闻</h4></div>
            <p>
            <p>
			<marquee behavior="scroll" direction="up" width="150" height="100px" loop="-1" scrollamount="1.5" scrolldelay="0" >
                    <a href="#">在有生的瞬间能遇到你</a><br>
                    -------------------------------------<br>
                    <a href="#">竟花光所有运气</a><br>
                    -------------------------------------<br>
                    <a href="#">到最后才发现竟呼吸过空气</a><br>
                    -------------------------------------<br>
            </marquee>
	</div>
    
    <!-- Popular Posts -->
	<div class="widget">
		<div class="headline no-margin"><h4>今日天气</h4></div>
		<table>
            <tr>
                <td height="70px">
                    <img src="images/weather.png" alt="" />
                </td>
            </tr>
        </table>

	</div>
	
	
</div>

</div>
<!-- 960 Container / End -->

</div>
<!-- Wrapper / End -->

<!-- Footer
================================================== -->

<!-- Footer Start -->
<div id="footer">
	<!-- 960 Container -->
	<div class="container">
	
		<!-- About -->
		<div class="four columns">
			<div class="footer-headline"><h4>About Us</h4></div>
			<p>Lorem sequat ipsum dolor lorem sit amet, consectetur adipiscing dolor elit. Aenean nisl orci, condimentum.</p>
			<p>Consectetur adipiscing elit aeneane lorem lipsum, condimentum ultrices consequat eu, vehicula mauris lipsum adipiscing lipsum aenean orci lorem.</p>
		</div>
		
		<!-- Useful Links -->
		<div class="four columns">
			<div class="footer-headline"><h4>Useful Links</h4></div>
			<ul class="links-list">
				<li><a href="#">Service Updates</a></li>
				<li><a href="#">Community Forum</a></li>
				<li><a href="#">Help Desk</a></li>
				<li><a href="#">Terms of Use</a></li>
				<li><a href="#">Validate License</a></li>
				<li><a href="#">Privacy Policy</a></li>
				<li><a href="#">Knowledgebase</a></li>
			</ul>
		</div>
		
		<!-- Photo Stream -->
		<div class="four columns">
			<div class="footer-headline"><h4>Photo Stream</h4></div>
			<div class="flickr-widget">
				
				<div class="clear"></div>
			</div>
		</div>
		
		<!-- Latest Tweets -->
		<div class="four columns">
			<div class="footer-headline"><h4>Latest Tweets</h4></div>
			<ul id="twitter"></ul>
				
			<div class="clear"></div>
		</div>

		<!-- Footer / Bottom -->
		<div class="sixteen columns">
			<div id="footer-bottom">
				&copy; Copyright &copy; 2013.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
				<div id="scroll-top-top"><a href="#"></a></div>
			</div>
		</div>

	</div>
	<!-- 960 Container / End -->

</div>
<!-- Footer / End -->


<!-- Styles Switcher
================================================== -->



<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>